{% extends "base.html" %}
        {% load static %}
{% load staticfiles %}

{% block content %}
	<div class="row clearfix">
		<div class="col-md-12 column">
			<div class="carousel slide" id="carousel-334925">
				<ol class="carousel-indicators">
					<li data-slide-to="1" data-target="#carousel-334925">
					</li>
					<li data-slide-to="2" data-target="#carousel-334925">
					</li>
					<li data-slide-to="3" data-target="#carousel-334925" class="active">
					</li>
				</ol>
				<div class="carousel-inner">
					<div class="item">
						<img alt="" src="{% static "img/room.jpg" %}">
					</div>
					<div class="item">
						<img alt="" src="{% static "{{rooms.0.8}}" %}">
					</div>
					<div class="item active">
						<img alt="" src="http://lorempixel.com/1600/500/sports/3">
					</div>
				</div> <a class="left carousel-control" href="#carousel-334925" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-334925" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
			</div>
		</div>
	</div>
	<div class="row clearfix">
		<div class="col-md-8 column">
            <h1><span class="label label-info" contenteditable="true">Price:</span><h1>
		</div>
		<div class="col-md-4 column">
            <h3 class="text-info" contenteditable="true">{{rooms.0.3}}</h3>
		</div>
        <div class="col-md-8 column">
            <h1><span class="label label-info" contenteditable="true">No. Persons:</span><h1>
		</div>
		<div class="col-md-4 column">
            <h3 class="text-info text-left" contenteditable="true">{{rooms.0.4}}</h3>
		</div>
	</div>
	<div class="row clearfix">
		<div class="col-md-2 column">
		</div>
		<div class="col-md-6 column">
		</div>
		<div class="col-md-4 column">
            {% if user.id > 0 %}
                <a href="/reservation/resv/room_id/{{rooms.0.0}}/" class="btn btn-primary default" role="button">Reserve</a>
            {% else %}
                <h6>Must login to to reserve room</h6>
            {% endif %}
		</div>
	</div>


<div class="col-md-12 column">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
</div>
</div>


<div class="row clearfix">
    <div class="col-md-4 column">

    </div>
    <div class="col-md-4 column">
    </div>
    <div class="col-md-4 column">
    </div>
</div>
<div></div>
{%  endblock%}